<html>
    <head>
        <title>Friend Chooser</title>
        <link rel="stylesheet" type="text/css" href="../css/styles.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
        <script type="text/javascript" src="../js/funcs.js"></script>
        <link rel="icon" type="image/png" href="../images/favicon.png">
    </head>
    <body>
            <div class='heading'>
                <h1>Add a Friend</h1>
                <h3>Search here to add friends to your circle</h3>         
            </div>
            
        <table class="noborder center" ><tr><td style="padding-right: 100px">
            <input type="text" onkeyup="getFriends(this.value);" placeholder="Search for a friend!" style="color:black"/>
            
            <div id="results" class="styled"></div>
                </td>
                <td style="padding-left: 10px">
                    <div class="friends styled">
                        <?php
                            require("friend_table.php")
                        ?>
                    </div>
                </td>
            </tr>
            <tr><td colspan=2 class="noborder center"><input class="button" type="button" onclick="window.location.href='../index.php'"  value="Go Back" /></td></tr>
        </table>
        <footer>
        <p>Posted by: Team Vollun</p>
        <p><time pubdate datetime="2013-04-03"></time></p>
    </footer>
    </body>
</html>